<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
<h:outputScript name="javascript/jquery_002.js"/>
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
         <h:outputStylesheet name="css/1-default.css"/>
        <h:outputStylesheet name="css/default.css"/>
        <h:outputStylesheet name="css/dropdownmenu.css"/>
        <h:outputStylesheet name="css/style.css"/>
        <h:outputStylesheet name="css/d85fa1.css"/>
        <h:outputScript name="javascript/jquery-ui.js"/>       
        <h:outputScript name="javascript/jquery1.js"/>
    </h:head>

    <h:body>
        <div id ="wrapper">

        <div class="header">
                <div class="logo"><a href="#"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/logo.png" alt="RealEstate" title=""/></a>
                    <p>My Sweet Home</p></div>

                <div class="toplinks">
                    <ul>
                        <li>
                            <c:if test="#{accountController.loggedUser!=null}">                        
                        <h:form> Welcome, 
                            #{accountController.loggedUser.username} 
                            <h:commandLink action="#{accountController.logOut}" value="Logout"/>
                            <h:outputText value=" | "/>
                        
                        </h:form>
                    </c:if>
                            <c:if test="#{accountController.loggedUser==null}">
                        Welcome, Guest 
                        <h:outputLink value="#{facesContext.externalContext.request.contextPath}/register.jsf">
                            Register
                        </h:outputLink>
                    </c:if>           
                            
                            </li>
                      
                    </ul>
                    <div class="header_advt">
                        <div class="submitpropertybtn"><a href="#">Submit Property</a></div> 
                    </div>
                </div>
                <!-- End Login-->

                <div class="menu">
                    <div class="menu_header">
                        <ul id="menu-menu" class="menu">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Property</a> </li>
                            <li><a href="#">About</a></li>
                            <li><a href="#">Feedback</a></li>
                            <li><a href="#">Contact Us</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Map</a></li>
                            
                        </ul>
                    </div>
                </div>
            </div>    
            <!--End Header-->
            <div class="featuredproperties">
                <div class="featured_strip">MySweetHome</div>
                <div id="featured" >
                    <ul class="ui-tabs-nav">
                        <li class="ui-tabs-nav-item">
                            <a href="#fragment-0"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img9.jpg" alt="" height="57" width="90"/></a>
                        </li>
                        <li class="ui-tabs-nav-item">
                            <a href="#fragment-1"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img5.jpg" alt="" height="57" width="90"/></a>
                        </li>
                        <li class="ui-tabs-nav-item ui-tabs-selected">
                            <a href="#fragment-2" ><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img1.jpg" alt="" height="57" width="90"/></a>
                        </li>
                    </ul>

                    <!--First Content-->

                    <div id="fragment-0" class="ui-tabs-panel">
                        <img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img9.jpg" alt="" height="342" width="510"/>
                        <div class="info">
                            <h2><a href="#">392 Tilden Ave</a></h2>
                            <p>Praesent aliquam,  justo convallis luctus rutrum, erat nulla 
                                fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, 
                                fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam 
                                ....<a href="#">read more</a></p>  
                        </div>    
                    </div>
                    <div id="fragment-1" class="ui-tabs-panel">
                        <img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img5.jpg" alt="" height="342" width="510"/>
                        <div class="info">
                            <h2><a href="#">3972 Tilden Ave</a></h2>
                            <p>Praesent aliquam,  justo convallis luctus rutrum, erat nulla 
                                fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, 
                                fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam 
                                ....<a href="#">read more</a></p>
                        </div>
                    </div>
                    <div id="fragment-2" class="ui-tabs-panel">
                        <img src="#{facesContext.externalContext.request.contextPath}/resources/Images/img1.jpg" alt="" height="342" width="510"/>
                        <div class="info">
                            <h2><a href="#">510 Wilderness Ln</a></h2>
                            <p>Praesent aliquam,  justo convallis luctus rutrum, erat nulla 
                                fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, 
                                fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam 
                                ....<a href="#">read more</a></p>      
                        </div>   
                    </div>
                </div>
                 <!--Featured page-->
                <div class="featuredagent">
                    <div class="widget">
                        <div class="featured_agent">
                            <h3>Top Agents</h3>
                            <ul class="featured_agent_list">
                                <li class="clearfix">
                                    <a href="#"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/anh1.jpg" class="avatar avatar-40 photo" alt="" height="40" width="40"/></a>
                                    <p><a href="#">John Doe</a><br>Listed: 1 Properties</br></p>
                                </li>
                                <li class="clearfix">
                                    <a href="#"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/anh2.jpg" class="avatar avatar-40 photo" alt="" height="40" width="40"/></a>
                                    <p><a href="#">John Doe </a> <br> Listed: 1 Properties</br></p>
                                </li>
                                <li class="clearfix">
                                    <a href="#"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/anh3.jpg" class="avatar avatar-40 photo" alt="" height="40" width="40"/></a>
                                    <p><a href="#">Andrew </a> <br> Listed: 1 Properties</br></p>
                                </li>
                                <li class="clearfix">
                                    <a href="#"><img src="#{facesContext.externalContext.request.contextPath}/resources/Images/anh4.jpg" class="avatar avatar-40 photo" alt="" height="40" width="40"/></a>
                                    <p><a href="#">Jane  </a> <br> Listed: 1 Properties</br></p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <!--End  Headers-->
            
            <div class="contentarea_home">
                <ui:insert name="content">
                    
                </ui:insert>
            </div>
            <!--End Content-->
            
             <div class="bottompart">
                <div class="aboutus">
                    <div class="widget">
                        <h3>About Us </h3>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
                            Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum 
                            diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, 
                            molestie in, commodo porttitor, felis. </p>
                    </div>  
                </div>
                <div class="mortgagecenter">
                    <div class="widget">
                        <h3>Blogroll</h3>
                        <ul class="blogroll">
                            <li><a href="#">Documentation</a></li>
                            <li><a href="#">Plugins</a></li>
                            <li><a href="#">Suggest Ideas</a></li>
                            <li><a href="#">Support Forum</a></li>
                            <li><a href="#">Themes</a></li>
                        </ul>
                    </div>
                </div>
                <div class="bottom_right_col">
                    <div class="widget">
                        <div class="testimonials">
                            <h3 class="i_testimonials"><span>Testimonials</span></h3> 
                            <div style="position: relative; width: 280px; height: 152px;" id="testimonials">              
                                <blockquote style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0;" class="active">
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
                                        Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum 
                                        diam, at nonummy quam ante ac quam. <cite> - Robert</cite></p>  
                                </blockquote>

                                <blockquote style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 224px; height: 108px;">
                                    <p>This is very useful theme for real estate dealers  i used this and really very good experience.              		 <cite> - Mark Flournoy</cite>				  </p>
                                </blockquote>

                                <blockquote style="position: absolute; top: 0px; left: 0px; display: none; z-index: 5; opacity: 0; width: 224px; height: 133px;">
                                    <p>1 Hughes Center Dr 1901 very nice and comfortable and affordable for all located at saint James  .</p>
                                    <cite> - Ben McIntosh</cite> <p></p>  
                                </blockquote>

                                <blockquote style="position: absolute; top: 0px; left: 0px; display: block; z-index: 6; opacity: 1; width: 224px; height: 152px;">
                                    <p> Simply the Best ever realestate theme for wordpress, Awesome 
                                        features. erat nulla fermentum diam, at nonummy quam ante ac quam.<cite> - Alison Wood</cite></p>
                                </blockquote>

                                <blockquote style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
                                    <p> I was able to sell my property just in a week by posting it on this site. And got a very good price too. </p>
                                    <cite> - Ben McIntosh</cite> <p></p>    
                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--End bottom part -->
            <div class="footer">
                <div class="copyrights"><p> © 2012 RealEstate  All right reserved. </p></div>
                <div class="footerright">
                    <p class="author"> <span class="designby">Realestate Theme by  </span>  <span class="templatic"> <a href="#" title="#"><strong>Premium Wordpress Themes</strong></a>  </span></p>				
                </div>
            </div>
            <!--End Footer-->
        </div>
    </h:body>

</html>
